<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ability -  </title>
 
 <script type="text/javascript">
 jQuery.noConflict();
 </script>
 
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="/template/css/layer1.css" />
<link type="text/css" rel="StyleSheet" href="/template/css/stl.css" />
<link href="/template/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="/template/js/page_context.js"></script>
<script type="text/javascript" src="/template/js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/template/ulightbox/ulightbox.js"></script>
<script type="text/javascript" src="/template/js/uwnd.js"></script>
 <style type="text/css">.UhideBlock {display:none}</style>

<style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
<style type="text/css">ul.ut-menu,ul.ut-menu * {margin:0;padding:0;}ul.ut-menu {display:block;position:relative;margin:0;padding:0;list-style:none;}ul.ut-menu li {display:block;list-style:none;float:left;position:relative;}ul.ut-menu li:hover {visibility:inherit;}ul.ut-menu a {display:block;position:relative;}ul.ut-menu ul {position:absolute;left:0;width:180px;top:auto;left:-999999px;}ul.ut-menu ul a {zoom:1;}ul.ut-menu ul li {float:left;}ul.ut-menu ul ul {top:0;margin:0 0 0 180px;}ul.ut-menu li:hover ul,ul.ut-menu li:focus ul,ul.ut-menu li.item-hover ul {left:auto;}ul.ut-menu li:hover ul ul,ul.ut-menu li:focus ul ul,ul.ut-menu li.item-hover ul ul {left:-999999px;}ul.ut-menu ul li:hover ul,ul.ut-menu ul li:focus ul,ul.ut-menu ul li.item-hover ul {left:auto;}ul.ut-menu ul li:hover ul ul,ul.ut-menu ul li:focus ul ul,ul.ut-menu ul li.item-hover ul ul {left:-999999px;}ul.ut-menu ul ul li:hover ul,ul.ut-menu ul ul li:focus ul,ul.ut-menu ul ul li.item-hover ul {left:auto;}ul.ut-menu ul ul li:hover ul ul,ul.ut-menu ul ul li:focus ul ul,ul.ut-menu ul ul li.item-hover ul ul {left:-999999px;}ul.ut-menu ul ul ul li:hover ul,ul.ut-menu ul ul ul li:focus ul,ul.ut-menu ul ul ul li.item-hover ul {left:auto;}ul.ut-menu ul ul ul li:hover ul ul,ul.ut-menu ul ul ul li:focus ul ul,ul.ut-menu ul ul ul li.item-hover ul ul {left:-999999px;}ul.ut-menu li.item-parent a {padding-right:18px;}ul.ut-menu li a .item-arrow {right:5px;top:10px;width:10px;height:10px;position:absolute;display:block;overflow:hidden;text-indent:-10000px;background:url(/img/arrows.png) no-repeat 0 -100px;}ul.ut-menu li a:hover .item-arrow,ul.ut-menu li.item-hover a .item-arrow,ul.ut-menu li a.current-item .item-arrow{background-position:-10px bottom;}ul.ut-menu ul li a .item-arrow,ul.ut-menu li.item-hover ul a .item-arrow,ul.ut-vmenu li a .item-arrow {background-position:0 0;}ul.ut-menu ul li a:hover .item-arrow,ul.ut-menu li li.item-hover a .item-arrow,ul.ut-menu ul li a.current-item,ul.ut-vmenu li a:hover .item-arrow,ul.ut-vmenu li.item-hover a .item-arrow,ul.ut-vmenu li a.current-item .item-arrow .item-arrow{background-position:-10px 0;}ul.ut-vmenu ul{top:0;}ul.ut-vmenu li{float:none;}ul.ut-vmenu li li{float:left;padding:0;}.multicolumn > li {border-right:1px solid #000;}.multicolumn > li.noborder {border-right:none!important;}</style>


</head>
<body>

$GLOBAL_AHEADER$


<section>
 <div id="slideshow">
 <div class="slider-bot">
 <div class="wrapper">
 <div class="slidshow-box"> 
 <div class="slider-box">
 <ul id="slider" style="position: relative; width: 1000px; height: 400px; overflow: hidden; ">
 <li style="position: absolute; top: 0px; left: 0px; display: block; z-index: 6; opacity: 1; width: 1000px; height: 400px; ">
 <div class="slide-wrapper">
 <img src="/template/demo/slide-1.png" alt="">
 </div>
 </li>
 <li style="position: absolute; top: 0px; left: 1000px; display: none; z-index: 5; opacity: 1; width: 1000px; height: 400px; ">
 <div class="slide-wrapper">
 <img src="/template/demo/slide-2.png" alt="">
 </div>
 <div class="slide-ttl" style="display: block; left: 0px; opacity: 1; "><div class="slide-pad"><cufon class="cufon cufon-canvas" alt="Lorem " style="width: 83px; height: 32px; "><canvas width="106" height="36" style="width: 106px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>Lorem </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ipsum " style="width: 81px; height: 32px; "><canvas width="104" height="36" style="width: 104px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>ipsum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="dolor" style="width: 63px; height: 32px; "><canvas width="83" height="36" style="width: 83px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>dolor</cufontext></cufon></div></div>
 <div class="slide-txt" style="display: block; right: 0px; opacity: 1; ">
 <div class="slide-pad">
 Suspendisse et diam a mi gravida ultrices vitae et nunc. Curabitur id luctus lacus. Mauris accumsan, neque at aliquam sodales, purus purus fringilla justo, congue pharetra eros dolor a magna. Maecenas pharetra tristique nibh lacinia pharetra.
 </div>
 <div class="btn-cont"> <a class="button" href=""><span>Learn more</span></a>
 </div>
 </div>
 </li>
 <li style="position: absolute; top: 0px; left: 1000px; display: none; z-index: 5; opacity: 1; width: 1000px; height: 400px; ">
 <div style="text-align:center;">
 <img src="/template/demo/slide-3.png" alt="">
 <div class="slide-ttl" style="padding: 200px 0px 0px; display: block; left: 0px; opacity: 1; "><cufon class="cufon cufon-canvas" alt="Lorem " style="width: 83px; height: 32px; "><canvas width="106" height="36" style="width: 106px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>Lorem </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ipsum " style="width: 81px; height: 32px; "><canvas width="104" height="36" style="width: 104px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>ipsum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="dolor " style="width: 71px; height: 32px; "><canvas width="94" height="36" style="width: 94px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>dolor </cufontext></cufon><cufon class="cufon cufon-canvas" alt="sit " style="width: 40px; height: 32px; "><canvas width="63" height="36" style="width: 63px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>sit </cufontext></cufon><cufon class="cufon cufon-canvas" alt="amet, " style="width: 75px; height: 32px; "><canvas width="99" height="36" style="width: 99px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>amet, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="consectetur " style="width: 150px; height: 32px; "><canvas width="174" height="36" style="width: 174px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>consectetur </cufontext></cufon><cufon class="cufon cufon-canvas" alt="adipiscing " style="width: 129px; height: 32px; "><canvas width="153" height="36" style="width: 153px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>adipiscing </cufontext></cufon><cufon class="cufon cufon-canvas" alt="elit" style="width: 40px; height: 32px; "><canvas width="60" height="36" style="width: 60px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>elit</cufontext></cufon></div>
 <div class="slide-txt" style="padding: 100px 200px 0px; width: 600px; display: block; right: 0px; opacity: 1; ">
 Suspendisse a arcu ut sem vestibulum sagittis et vitae massa. Duis interdum, massa ac elementum cursus, dui tellus semper dui, nec condimentum magna lectus at mi. Integer venenatis magna sit amet sapien ullamcorper in varius lorem suscipit. Fusce lectus nunc, pellentesque quis lacinia volutpat, tempus id enim. Nam aliquet ultrices diam eget sodales.
 </div>
 </div>
 </li>
 <li style="position: absolute; top: 0px; left: 1000px; display: none; z-index: 5; opacity: 1; width: 1000px; height: 400px; ">
 <div class="slide-wrapper">
 <img src="/template/demo/slide-4.png" alt="">
 </div>
 <div class="slide-ttl" style="padding: 150px 0px 0px; width: 400px; display: block; left: 0px; opacity: 1; "><cufon class="cufon cufon-canvas" alt="Pellentesque " style="width: 164px; height: 32px; "><canvas width="187" height="36" style="width: 187px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>Pellentesque </cufontext></cufon><cufon class="cufon cufon-canvas" alt="consectetur " style="width: 150px; height: 32px; "><canvas width="174" height="36" style="width: 174px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>consectetur </cufontext></cufon><cufon class="cufon cufon-canvas" alt="aliquet " style="width: 93px; height: 32px; "><canvas width="116" height="36" style="width: 116px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>aliquet </cufontext></cufon><cufon class="cufon cufon-canvas" alt="volutpat" style="width: 102px; height: 32px; "><canvas width="122" height="36" style="width: 122px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>volutpat</cufontext></cufon></div>
 <div class="slide-txt" style="padding: 0px 0px 0px 680px; width: 320px; top: 150px; display: block; right: 0px; opacity: 1; ">
 Suspendisse et diam a mi gravida ultrices vitae et nunc. Curabitur id luctus lacus. Mauris accumsan, neque at aliquam sodales, purus purus fringilla justo, congue pharetra eros dolor a magna. Maecenas pharetra tristique nibh lacinia pharetra.
 </div>
 </li>
 <li style="position: absolute; top: 0px; left: 1000px; display: none; z-index: 5; opacity: 1; width: 1000px; height: 400px; ">
 <div class="slide-ttl" style="display: block; left: 0px; opacity: 1; "><div class="slide-pad"><cufon class="cufon cufon-canvas" alt="Lorem " style="width: 83px; height: 32px; "><canvas width="106" height="36" style="width: 106px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>Lorem </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ipsum " style="width: 81px; height: 32px; "><canvas width="104" height="36" style="width: 104px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>ipsum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="dolor" style="width: 63px; height: 32px; "><canvas width="83" height="36" style="width: 83px; height: 36px; top: -3px; left: -2px; "></canvas><cufontext>dolor</cufontext></cufon></div></div>
 <div class="slide-txt" style="display: block; right: 0px; opacity: 1; ">
 <div class="slide-pad">
 Suspendisse et diam a mi gravida ultrices vitae et nunc. Curabitur id luctus lacus. Mauris accumsan, neque at aliquam sodales, purus purus fringilla justo, congue pharetra eros dolor a magna. Maecenas pharetra tristique nibh lacinia pharetra.
 </div>
 <div class="btn-cont"> <a class="button" href=""><span>Learn more</span></a>
 </div>
 </div>
 <div class="slide-vid"><div>
 <iframe src="http://player.vimeo.com/video/4749536?title=0&amp;byline=0&amp;portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
 </div></div>
 </li>
 </ul>
 </div>
 <div id="slider-nav"><div id="slider-pager">

 </div></div>
 </div>
 </div>
 </div>
 </div>
</section>



<div id="casing">
 <div class="wrapper"> 
 
 <!-- <middle> -->
 <!-- <body> --><section>
<div id="our-services">
<div class="our-col">
<span class="our-icon"><img src="/template/img/design.png" alt=""></span>
 <span class="our-ttl"> / Design</span>
<span class="our-txt">
   ,         "  "<hr />
 <div id="banners">
<a href="http://aspekt.ucoz.net" target="_blank"><img src="/template/img/art.jpg" alt="aspekt -   " border="0" width="88" height="31"></a>
<a href="http://aspekt.ucoz.net" target="_blank"><img src="/template/img/art.jpg" alt="aspekt -   " border="0" width="88" height="31"></a>
 </div>
</span>
</div>
<div class="our-col">
<span class="our-icon"><img src="/template/img/compass.png" alt=""></span>
<span class="our-ttl">  </span>
<span class="our-txt">
     <strong>CMS</strong>  <strong>UCOZ</strong>.
 ...   <strong>  UCOZ</strong>, <strong></strong>  <strong>SEO </strong>.
          .
</span>
</div>
<div class="our-col">
<span class="our-icon"><img src="/template/img/shield.png" alt=""></span>
<span class="our-ttl">  </span>
<span class="our-txt">
          .  ,   ,     ! 
</span>
</div>
<div class="our-col last-col">
<span class="our-icon"><img src="/template/img/info.png" alt=""></span>
<span class="our-ttl">  <strong>Ability</strong></span>
<span class="our-txt">
   artCreative.  :  ,  ,  , , , , .     ,     -    .
</span>
</div>
<div class="clr"></div>
</div>
</section>
<div class="big-hr"></div>
<section>
<div id="our-works">
<div class="sect-ttl"> </div>
<div class="works-thumbs">
<div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/101153113.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/denis_zilber/1-0-32" class="work-ttl">Denis Zilber</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/101153113.jpg">+ </a></span></div></div><div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/357976865.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/red_orange/1-0-31" class="work-ttl">Red Orange</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/357976865.jpg">+ </a></span></div></div><div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/451379597.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/stripes/1-0-30" class="work-ttl">Stripes</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/451379597.jpg">+ </a></span></div></div><div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/708910026.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/dragon/1-0-29" class="work-ttl">Dragon</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/708910026.jpg">+ </a></span></div></div><div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/992937780.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/mind_corpses/1-0-28" class="work-ttl">Mind Corpses</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/992937780.jpg">+ </a></span></div></div><div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/967565109.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/size_doesnt_matter/1-0-27" class="work-ttl">Size Doesnt Matter</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/967565109.jpg">+ </a></span></div></div><div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/866843558.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/the_future_of_iceland/1-0-26" class="work-ttl">The Future of Iceland</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/866843558.jpg">+ </a></span></div></div><div class="work-item"><img src="http://10-ability.ucoz.com/_ph/1/421768175.jpg" alt=""/><div class="hover-dir"><span class="work-terms"><a href="/photo/beauty_vamp/1-0-25" class="work-ttl">Beauty Vamp</a><a class="work-preview ulightbox" href="http://10-ability.ucoz.com/_ph/1/421768175.jpg">+ </a></span></div></div>
</div>
</div>
</section>
<div class="big-hr"></div>
<section>
<div id="rec-blog">
<div class="sect-ttl">  </div>
<div class="blog-items">
<div class="last-col">
$MYINF_3$
</div> 
<div class="clr"></div>
</div>
</div>
</section><!-- </body> -->
 <!-- </middle> -->
 
 <div class="clr"></div> 
 </div>
</div>
$GLOBAL_BFOOTER$
<script type="text/javascript" src="http://10-ability.ucoz.com/js/ui.js"></script>
</body>
</html>